<%@ Page Language="vb" AutoEventWireup="false" CodeFile="DNNTabStrip.aspx.vb" Inherits="DNNTabStrip" MasterPageFile="~/MasterPage.master"%>
<%@ Register TagPrefix="DNN" Namespace="DotNetNuke.UI.WebControls" Assembly="DotNetNuke.WebControls" %>
<asp:content id="header" contentplaceholderid="HeaderPlaceHolder" runat="Server">
    <link href="css/tabstrip.css" type="text/css" rel="stylesheet" />
    <script language="javascript" src="js/common.js"></script>
    <script language="javascript">
	    var m_sNS = '<%=txtStatus.NamingContainer.ClientID%>';
    </script>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <table class="sectiontable">
        <tbody>
            <tr>
                <th>
                    DNNTabStrip</th>
                <th>
                    Details</th>
            </tr>
            <tr>
                <td class="treecontainer" valign="top" nowrap>
                    <DNN:DNNTabStrip ID="MyDNNTabStrip" runat="server" DefaultContainerCssClass="tabcontainer"
                        DefaultLabel-CssClassHover="tablabel tablabelhover" DefaultLabel-CssClassSelected="tablabel tablabelselected"
                        DefaultLabel-CssClass="tablabel" TabStripScriptPath="js/" CallbackStatusFunction="callbackStatus"
                        SelectedIndex="0" CallBackType="ProcessPage">
                        <DNN:DNNTab ID="tab1" runat="server" Label-Text="Tab 1">
                            <p runat="server" id="p1">
                                Sample data.
                            </p>
                            Test:
                            <asp:TextBox ID="txt" runat="server"></asp:TextBox>
                        </DNN:DNNTab>
                        <DNN:DNNTab ID="tab2" runat="server" Label-Text="Tab 2">
                            <p>
                                More Sample Data.
                            </p>
                        </DNN:DNNTab>
                        <DNN:DNNTab ID="tab3" runat="server" Label-Text="Tab 3">
                            <p>
                                <img src="images/method.gif">This is the third tab</p>
                        </DNN:DNNTab>
                    </DNN:DNNTabStrip></td>
                <td valign="top">
                    <table class="sectiontable">
                        <tr>
                            <td>
                                <asp:Label ID="lblEventDetails" runat="server" BorderStyle="Solid" BorderWidth="1px"
                                    Width="100%" Height="200px"></asp:Label></td>
                        </tr>
                        <tr>
                            <th>
                                Settings</th>
                        </tr>
                        <tr>
                            <td>
                                <table class="sectiontable">
                                    <tr>
                                        <td>
                                            <input id="btnPostBack" type="button" value="Do PostBack" name="btnPostBack" runat="server"></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            TabRenderMode:<asp:DropDownList ID="ddlTabRenderMode" Width="100%" AutoPostBack="True"
                                                runat="server">
                                                <asp:ListItem Value="0" Selected="True">All</asp:ListItem>
                                                <asp:ListItem Value="1">Postback</asp:ListItem>
                                                <asp:ListItem Value="2">Callback</asp:ListItem>
                                            </asp:DropDownList></td>
                                    </tr>
                                    <tr>
                                        <td nowrap>
                                            <asp:CheckBox ID="chkForceDownLevel" runat="server" Text="Force Downlevel" AutoPostBack="True">
                                            </asp:CheckBox></td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                Status</th>
                        </tr>
                        <tr>
                            <td>
                                <textarea id="txtStatus" name="txtStatus" rows="10" cols="70" runat="server"></textarea>
                            </td>
                        </tr>
                    </table>
                    <iframe id="MyTarget" name="MyTarget" width="100%"></iframe>
                </td>
            </tr>
        </tbody>
    </table>
</asp:Content>